<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery2.1.1.min.js"></script>
</head>
<body>

<div id="aaa" mytip="12345"></div>

<div id="ceshi" style="background-color: #4cae4c;width: 200px;height: 200px;margin: 200px auto" ></div>
<button id="btn">按钮</button>
<script>

  //获取属性的value值
    console.log($('#aaa').attr("id"))

    console.log($('#aaa').attr("mytip"))


  $('<div id="bbb"></div>').insertAfter($('#aaa')).append("插入内容2")

  $('<div id="ccc"></div>').insertBefore($('#aaa')).append("插入内容")


  /*修改 标签属性的value值*/
  $('#aaa').attr("mytip",789)

$('#btn').click(function (){
    $('#ceshi').attr("style","background-color: red;width: 200px;height: 200px;margin: 200px auto")

})


  /*鼠标悬浮时间会先执行第一个函数   离开再执行第二个函数*/
$('#ceshi').hover(function (){
    $('#ceshi').attr("style","background-color: red;width: 200px;height: 200px;margin: 200px auto")
},function (){
    $('#ceshi').attr("style","background-color: blue;width: 200px;height: 200px;margin: 200px auto")
})






</script>
</body>
</html>